﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/IndexTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<link rel="shortcut icon" href="favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>ศูนย์หนังสืออิเล็กทรอนิค</title>
<!--สคลิปเมนูประเภทหนังสือ-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>0003 | Animated | Slide</title>
    <style type="text/css" media="screen">
    @import url('css/0003_animated_slide.css');
    </style>
    <script type="text/javascript" src="js/script.menubar.jquery.min.js"></script>
    <script type="text/javascript" src="scripts/0003_animated_slide-2.js"></script>
<!--สคลิปเมนูประเภทหนังสือ-->
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
	background-color: #ececec;
	background-image: url(img/BGm1.png);
	background-repeat: repeat-x;
	margin-top: 0px;
}
.style3 {font-family: "Cordia New"}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
body {
	background-repeat: repeat-x;
}
#apDiv1 {
	position: absolute;
	width: 65px;
	height: 51px;
	z-index: 1;
	left: 216px;
	top: 1041px;
}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<table width="100%" height="838" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="0" height="149" align="center"><table width="904" height="146" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="49" height="149" rowspan="2" background="img/BGtop_l.png">&nbsp;</td>
        <td width="246" rowspan="2" background="img/BGtop.png"><img src="img/logo.png" width="246" height="149" border="0" usemap="#Map2" /></td>
        <td width="564" height="65" valign="top" background="img/BGtop.png"><table width="259" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td width="259" height="43" align="left" valign="top"><form id="form1" name="form1" method="post" action="">
              <br />
              <label>
              <input name="textfield" type="text" id="textfield" value="" size="10" />
              </label>
              <a href="#"><img src="img/search.png" width="78" height="24" align="top" /></a>
            </form>            </td>
          </tr>
        </table>
          <p>&nbsp;</p></td>
        <td width="45" valign="top" background="img/BGtop_r.png">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" valign="top"><img src="img/button1.png" width="487" height="74" border="0" usemap="#Map3" 
        " /><img src="img/button2.png" width="114" height="74" border="0" usemap="#Map4" /></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" valign="top"><table width="1080" height="367" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="367" colspan="2" background="img/c1.png"><!-- InstanceBeginEditable name="EditRegion6" -->
        <div align=right>
        
          <iframe src ="cart/login.php" frameborder="0" scrolling="No" width="321" height="368" ></iframe>
        </div>
		<!-- InstanceEndEditable --></td>
        <td width="701" height="367" background="img/c2.png"><!-- InstanceBeginEditable name="EditRegion3" -->
        <div align=left>
        
          <iframe src ="slide.html" frameborder="0" scrolling="No" width="624" height="368" ></iframe>
        </div>
        <!-- InstanceEndEditable --></td>
      </tr>
      
    </table>
    <table width="900" height="300" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="50" height="102" valign="top" bgcolor="#d0d2d5">&nbsp;</td>
        <td width="800" height="300" valign="top" bgcolor="#d0d2d5"><!-- InstanceBeginEditable name="EditRegion4" -->
          <form  name="menu" method="post" action="" url="">
          <div id="holder">
            <ul id="menu">
              <li id="button01" class="selected"><a href="#"><img src="images/0003_nav_btn01.png" alt="Button 01" /></a></li>
              <li id="button02"><a href="#"><img src="images/0003_nav_btn02.png" alt="Button 02" /></a></li>
              <li id="button03"><a href="#"><img src="images/0003_nav_btn03.png" alt="Button 03" /></a></li>
              <li id="button04"><a href="#"><img src="images/0003_nav_btn04.png" alt="Button 04" /></a></li>
              <li id="button05"><a href="#"><img src="images/0003_nav_btn05.png" alt="Button 05" /></a></li>
              <li id="button06"><a href="#"><img src="images/0003_nav_btn06.png" alt="Button 06" /></a></li>
              <li id="button07"><a href="#"><img src="images/0003_nav_btn07.png" alt="Button 07" /></a></li>
              <li id="button08"><a href="#"><img src="images/0003_nav_btn08.png" alt="Button 08" /></a></li>
              <li id="button09"><a href="#"><img src="images/0003_nav_btn09.png" alt="Button 09" /></a></li>
              <li id="button10"><a href="#"><img src="images/0003_nav_btn10.png" alt="Button 10" /></a></li>
              <li id="button11"><a href="#"><img src="images/0003_nav_btn11.png" alt="Button 11" /></a></li>
            </ul>
          </div>
          </form>
          <!--ห้ามลบนะเดี๋ยมันซ้อนกัน--><p></p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <!--ห้ามลบนะเดี๋ยมันซ้อนกัน-->
          
          <table width="823" height="201" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td colspan="2"><iframe src ="cart/catalog.php" frameborder="0" scrolling="no" width="800" height="1000" ></iframe></td>
              </tr>
          </table>
          <p>&nbsp;</p>
          </form>
        <!-- InstanceEndEditable --></td>
        <td width="50" bgcolor="#d0d2d5">&nbsp;</td>
      </tr>
    </table>
      <table width="900" height="135" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="top" bgcolor="#d0d2d5"><!-- InstanceBeginEditable name="EditRegion5" -->
            <p>&nbsp;</p>
            <p>&nbsp; </p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="img/banner1.png" width="262" height="109" />&nbsp;&nbsp;&nbsp; &nbsp; <img src="img/banner2.png" width="265" height="108" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="img/banner3.png" width="262" height="111" /></p>
            <p>&nbsp;</p>
          <!-- InstanceEndEditable --></td>
        </tr>
      </table>
      <span class="style10 style3">© 2012-อีบุ๊ค.co.cc ,WebDesign by Apichai</span><span class="style3">J</span><br /></td>
  </tr>
</table>

<map name="Map" id="Map"><area shape="rect" coords="3,3,120,40" href="#" target="_top" />
</map>
<map name="Map2" id="Map2">
<area shape="poly" coords="200,96,199,124,172,118,124,143,32,127,16,114,11,48,13,3,50,9,79,11,107,18,178,-2,203,27,199,48,198,66,203,79" href="index.php" />
</map>
<map name="Map3" id="Map3">
  <area shape="rect" coords="16,4,87,41" href="page.html" />
<area shape="rect" coords="98,4,173,41" href="airport.html" />
<area shape="rect" coords="188,4,280,40" href="topup.html" />
<area shape="rect" coords="301,4,392,40" href="sitemap.html" />
<area shape="rect" coords="406,3,472,40" href="#" />
<area shape="rect" coords="477,6,479,9" href="#" /><area shape="rect" coords="479,2,480,11" href="#" />
</map>
<map name="Map4" id="Map4"><area shape="rect" coords="10,4,108,38" href="topup.html" />
</map></body>
<!-- InstanceEnd --></html>
